@import url('pages_com.less');

.travel-schedule-cont {
  .order-intro-mod {
    padding: 0 12px;
    margin-top: 10px;
  }
}

.travel-cate {
  padding: 8px 12px;
  border-bottom: 1px solid #E5E5E5;
  overflow: hidden;
  .travel-cate-pic {
    float: left;
    width: 100px;
    overflow: hidden;
    margin-right: 10px;
    img {
      width: 100%;
    }
  }

  .travel-cate-info {
    line-height: 24px;
    .travel-cate-tit, .travel-cate-price {
      font-size: 16px;
    }
    .travel-cate-tit {
      .elps();
      height: 24px;
      width: 60%;
    }
    .travel-cate-price {
      color: #fd1113;
    }
  }
}

.price-type {
  .order-intro-mod-tit {
    .order-intro-mod-tit-icon {
      width: 21px;
      height: 20px;
      background-position: -127px 0;
    }
  }
  .order-intro-mod-cont {
    p {
      border-radius: 5px;
      background-color: #FC3C51;
      color: #fff;
      margin: 15px 5px;
      padding: 8px 0;
      text-align: center;
    }
  }
}

.date-of-departure {
  .order-intro-mod-tit {
    .order-intro-mod-tit-icon {
      width: 20px;
      height: 24px;
      background-position: -103px 0;
    }
    .date-of-departure-explain {
      font-size: 12px;
      font-style: normal;
      color: #99999b;
    }
  }
  .order-intro-mod-cont {
    padding: 12px;
    select {
      border: 1px solid #A7A7A7;
      height: 32px;
      line-height: 32px;
      border-radius: 3px;
      display: block;
      width: 100%;
    }
  }
}

.targeted-number {

  padding-bottom: 20px;
  .order-intro-mod-tit {
    .order-intro-mod-tit-icon {
      width: 27px;
      height: 15px;
      background-position: -69px 0;
    }
  }
  .order-intro-mod-cont {
    position: relative;
    font-size: 16px;
    color: #333333;
    padding-top: 12px;
    text-indent: 0;
    p {
      height: 32px;
      line-height: 32px;
      overflow: hidden;
      margin-bottom: 8px;
      #J_current-rate{
        color: #ff1114;
      }
      .targeted-number-p-l {
        width: 100px;
        text-align: right;
        display: block;
        float: left;

      }
      input {
        border: 1px solid #CCC;
        padding: 5px 3px;
      }
    }
    .targeted-number-op {
      .num-show{
        //margin-top: 1px;
      }
      em, input {
        //display: inline-block;
        float: left;
        height: 32px;
        width: 32px;
        color: #ffffff;
        line-height: 32px;
        font-style: normal;
        text-align: center;
      }
      em {
        background-color: #FC3C51;
        &:hover {
          cursor: pointer;
        }
      }
      input {
        height: 30px;
        width: 30px;
        text-align: center;
        margin: 0 5px;
        color: #666666;
        padding: 0;
      }
    }
    .remark-info {
      textarea {
        height: 80px;
        margin-left: 22px;
        width: 80%;

      }
    }
  }
}

//submit-order
.submit-order {
  overflow: hidden;
  margin: 12px;
  .submit-order-text {
    float: left;
    font-size: 14px;
    color: #666666;
    padding-top: 6px;

    em {
      color: #ff4041;
      font-style: normal;
      i{
        font-style: normal;
      }
    }

  }

  .submit-order-btn {
    float: right;
    color: #ffffff;
    background-color: #FC3C51;
    padding: 8px 16px;
    font-size: 16px;
    border-radius: 3px;

  }

}

.schedule-product-quantity{
  .order-intro-mod-tit {
    .order-intro-mod-tit-icon {
      width: 20px;
      height: 24px;
      background-position:-120px -61px;
      margin-top: -2px;
    }
    .date-of-departure-explain {
      font-size: 12px;
      font-style: normal;
      color: #99999b;
    }
  }
}